import 'package:flutter/material.dart';

class HomeNav extends StatelessWidget {
  const HomeNav({super.key});
// 导航数据
 static const List navList = [
    {
      'title': '我的房屋',
      'icon': 'assets/images/house_nav_icon@2x.png',
      'link': '/house_list',
    },
    {
      'title': '我的报修',
      'icon': 'assets/images/repair_nav_icon@2x.png',
      'link': '/xxx',
    },
    {
      'title': '访客登记',
      'icon': 'assets/images/visitor_nav_icon@2x.png',
      'link': '/xxx',
    }
  ];
  @override
  Widget build(BuildContext context) {
    return Container(
      padding: const EdgeInsets.all(10),
      decoration: BoxDecoration(
        borderRadius: BorderRadius.circular(10),
        color: Colors.white,
      ),
      child: Row(
        // 主轴环绕分配空白
        mainAxisAlignment: MainAxisAlignment.spaceAround,
        children: navList
            .map((item) => GestureDetector(
              onTap: (){
                Navigator.pushNamed(context, item['link']);
              },
              child: Column(
           children: [
                    // 图标
                    Image.asset(
                      item['icon'],
                      width: 32,
                      height: 32,
                    ),
                    // 间距
                    const SizedBox(height: 2),
                    // 文本
                    Text(
                      item['title'],
                      style: const TextStyle(fontSize: 14),
                    )
                  ],
                ),
              ),
            )
            .toList(),
      ),
    );
  }
}
